/*
 * @Author: Jimmy
 * @LastModifiedBy: Jimmy
 * @Date: 2024-12-10 20:26:47
 * @LastEditTime: 2025-02-25 21:26:15
 * @FilePath: /monitor_belt/src/views/home/components/ware/nodes/exchange_node.tsx
 */
import { memo } from "react"
import { Handle, Position } from "@xyflow/react"
import IconSvg from "@/components/icon_svg"
import { Flex } from "antd"

export default memo(({ type, data }: any) => {
  return (
    <Flex vertical>
      <span style={{ fontSize: '20px' }}>
        {data.label}
      </span>
      <IconSvg name={type} size={80} color="#1261FF" />
      <Handle type="target" position={Position.Left} className="w-16 !bg-teal-500" />
      <Handle type="source" position={Position.Right} className="w-16 !bg-teal-500" />
    </Flex>
  )
})
